Layout Viewport

拡大していない状態だと、今表示していない画面全体

拡大しているときはブラウザの画面からはみ出る

https://gyazo.com/980b2cd70569545a3ef996ab71b92055 https://developer.chrome.com/blog/viewport-resize-behavior/

拡大している状態を表している

青枠がLayout Viewport

ブラウザに表示できている箇所をはみ出ているのがわかる

position: fixedは、Visutal Viewportに対して固定する

だから拡大したらどっかに行く

直観的な挙動mrsekut.icon

これがもしVisual Viewportに対して固定してるとかなり変な挙動になる

画面を拡大しても常に左上に居続ける、みたいな感じになる